.home {
  background-color: #f8f8f8;
}

.home .container {
  background-color: #fff;
}

.home .container .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home .container .header .toMap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 26px;
}

.home .container .header .toMap .toMap-txt {
  width: 90px;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 30px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 400;
}

.home .container .my-swipe {
  background-color: #fff;
}

.home .container .my-swipe .banner {
  width: 710px;
  height: 343px;
  margin-left: 20px;
  margin-top: 32px;
}

.home .container .imgTo {
  margin-top: 47px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.home .container .imgTo .imgToBox {
  display: flex;
  flex-direction: column;
}

.home .container .imgTo .imgToBox .img {
  width: 60px;
  height: 69px;
}

.home .container-mid {
  background-color: #fff;
  margin-top: 19px;
}

.home .container-mid .brandList {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.home .container-mid .brandList .brandList-item {
  position: relative;
}

.home .container-mid .brandList .brandList-item .brandListTxt {
  position: absolute;
  top: 0.94rem;
  left: 43px;
}

.home .container-mid .brandList .brandList-item .brandListTxt .b-txt {
  color: #999;
}

.home .container-mid .brandList .brandList-item img {
  width: 350px;
}

.home .container-mid .bannerImg {
  width: 710px;
  height: 242px;
}

.home .container-mid .newGoods {
  margin-top: 20px;
  height: 491px;
  width: 750px;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: nowrap;
  overflow: auto;
  background-color: #fff;
}

.home .container-mid .newGoods .newGoods-item {
  display: flex;
  flex-direction: column;
  justify-content: start;
  border-right: 1px solid #ccc;
}

.home .container-mid .newGoods .newGoods-item .newGoods-name {
  margin-left: 46px;
  width: 210px;
  height: 42px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: .4rem;
  color: #333;
  font-weight: 500;
}

.home .container-mid .newGoods .newGoods-item .newGoods-brief {
  margin-left: 46px;
  width: 170px;
  height: 33px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: .32rem;
  color: #999;
  font-weight: 400;
}

.home .container-mid .newGoods .newGoods-item .newGoods-price {
  margin-top: 23px;
  text-align: start;
  margin-left: 46px;
  color: red;
}

.home .container-mid .newGoods .img {
  width: 254px;
  height: 254px;
}

.home .container-mid .top {
  width: 750px;
  height: 626px;
}

.home .container-mid .topicList {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: nowrap;
  overflow: auto;
  background-color: #fff;
}

.home .container-mid .topicList .topicList-item {
  margin-left: 20px;
}

.home .container-mid .topicList .topicList-item .img {
  width: 556px;
  height: 309px;
}

.home .container-mid .topicList .topicList-item .topicList-item-txt {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.home .container-mid .topicList .topicList-item .topicList-item-txt .topicList-item-txt-l {
  display: flex;
  flex-direction: column;
  justify-content: start;
}

.home .container-mid .topicList .topicList-item .topicList-item-txt .topicList-item-txt-l .txt-t {
  width: 330px;
  height: 42px;
  font-size: 30px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.home .container-mid .topicList .topicList-item .topicList-item-txt .topicList-item-txt-l .txt-b {
  width: 216px;
  height: 33px;
  margin-top: 12px;
  font-size: 24px;
  color: #999999;
  letter-spacing: 0;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.home .container-mid .topicList .topicList-item .topicList-item-txt .topicList-item-txt-r {
  font-size: 24px;
  color: #9E4242;
  letter-spacing: 0;
  font-weight: 400;
}

.home .brandTxt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 127px;
  font-size: 38px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 600;
}

.home .newGoodList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

.home .newGoodList li:nth-last-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 300px;
  margin-bottom: 126px;
}

.home .newGoodList li:last-child {
  width: 350px;
  height: 0;
}

.home .newGoodList .newGoodList-item {
  background-color: #fff;
  width: 350px;
  margin-bottom: 61px;
}

.home .newGoodList .newGoodList-item .img {
  width: 298px;
  height: 298px;
}

.home .newGoodList .newGoodList-item .goods-txt {
  width: 350px;
  padding-top: 20px;
  background-color: #f6f7f9;
  display: flex;
  justify-items: center;
  align-items: flex-start;
  flex-direction: column;
}

.home .newGoodList .newGoodList-item .goods-txt .txt-t {
  font-size: 26px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 500;
}

.home .newGoodList .newGoodList-item .goods-txt .txt-b {
  font-size: 26px;
  color: #9E4242;
  letter-spacing: 0;
  font-weight: 400;
}

.home .color-item {
  position: relative;
}

.home .color-item .txt-l {
  display: flex;
  flex-direction: row;
  position: absolute;
  width: 80px;
  z-index: 3;
  left: -75px;
  bottom: -10px;
}

.home .color-item .line {
  position: absolute;
  width: 80px;
  height: 20px;
  left: -75px;
  bottom: -10px;
  z-index: 1;
}

.home .color-item .txt-r {
  position: absolute;
  display: flex;
  flex-direction: row;
  position: absolute;
  width: 80px;
  bottom: -10px;
}
